import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import {
    AddressEdit,
    AddressList,
    Badge,
    Button,
    Card,
    Checkbox,
    CheckboxGroup,
    Collapse,
    CollapseItem,
    Field,
    Form,
    Icon,
    Image as VanImage,
    Lazyload,
    Sidebar,
    SidebarItem,
    Stepper,
    SubmitBar,
    Swipe,
    SwipeCell,
    SwipeItem,
    Tab,
    Tabs,
    Tag,
    Popup,
    Grid, GridItem,
    List,PullRefresh
} from 'vant'
import 'vant/lib/index.css'

const app = createApp(App)
app.use(store)
app.use(router)
app.use(Swipe).use(SwipeItem).use(Lazyload, {
    loading: require('./assets/images/default.png')
}).use(Badge)
    .use(Sidebar).use(SidebarItem)
    .use(Collapse).use(CollapseItem)
    .use(Tab).use(Tabs)
    .use(Card)
    .use(VanImage)
    .use(Button)
    .use(Tag)
    .use(Form)
    .use(Field)
    .use(Checkbox)
    .use(CheckboxGroup)
    .use(SwipeCell)
    .use(Stepper)
    .use(SubmitBar )
    .use(Icon)
    .use(AddressList)
    .use(AddressEdit)
    .use(Popup)
    .use(Grid)
    .use(GridItem)
    .use(List)
    .use(PullRefresh)
app.mount('#app')
